import { getProfile, login } from '@/api/user'
import { getToken, setToken } from '@/utils/auth'
// import Cookies from 'js-cookie'
const state = {
  // 把token 存入 vuex
  token: getToken(),
  // 把侧边栏信息 存入 vuex
  userInfo: {},
  // 把顶部用户信息 存入 vuex
  userTopInfo: {},
  // 把信息存入本地
  name: localStorage.getItem('name')
}
const mutations = {
  setToken(state, token) {
    // 修改vuex 中的 token
    state.token = token
    setToken(token)
  },
  // 修改vuex 中的 顶部信息
  userTopInfo(state, userTopInfo) {
    state.userTopInfo = userTopInfo
  },
  // 修改vuex 中的 侧边栏
  getUserInfo(state, getUserInfo) {
    state.userInfo = getUserInfo
  },
  // 把信息存入本地
  name(state, nameUser) {
    state.nameUser = nameUser
    localStorage.setItem('name', nameUser)
  }
}
const actions = {
  logout(context) {
    context.commit('setToken', '')
    context.commit('name', '')
  },

  // 获取用户侧边栏
  async getProfile(context) {
    const res = await getProfile()
    // console.log(res)
    context.commit('getUserInfo', res.data.data)
  },

  // 委托发送请求获取token
  async login(context, payload) {
    const res = await login(payload)
    // console.log(res)
    // console.log(token)
    context.commit('setToken', res.data.data.token.token)
    context.commit('userTopInfo', res.data.data.user)
    context.commit('name', res.data.data.user.name)
  }
}
export default {
  namespaced: true,
  state,
  mutations,
  actions
}

